<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>新建轮播</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/lunbo/lunboBuild.css" />
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<h1 class="title"><a href="#">轮播管理</a>新建轮播</h1>
				<div class="titleNext">
					<h1>轮播名称：</h1>
					<input type="text" placeholder="请输入轮播名称" />
					<p>! 不超过30字符</p>
				</div>
				
				<div class="titleNext titleLun">
					<h1>轮播页码：</h1>
					<select class="selectSize">
						<option value="选择页码">选择页码</option>
					</select>
				</div>
				
				<div class="titleNext titleLun clearfix">
					<h1>轮播图片：</h1>
					<div class="imgEmpty">
						<button>上传图片</button>
					</div>
				</div>
				
				<div class="titleNext titleLun clearfix">
					<h1>选择资讯：</h1>
					<div class="copySelect">
						<div class="titleAlert">选择本站资讯</div>
						<div class="hideSelect">
							<div class="hideTop">
								<input type="text" placeholder="请输入资讯名称"  class="inputSize"/>
								<button class="btn1">搜索</button>
							</div>
							<table class="table table-striped">
								<thead>
									<tr>
										<th>ID</th>
										<th>资讯名称</th>
										<th> </th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				
				<div class="titleBtn">
					<button class="btnAdd">保存</button>
					<button>取消</button>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/loadHtml.js"></script>
<script type="text/javascript">
	$(function(){
		$('.imgEmpty').hover(function(){
			$('.imgEmpty button').show();
		},function(){
			$('.imgEmpty button').hide();
		});
		
		$('.change').click(function(){
			$(this).children('img').attr({'src':'../../img/none1.png'});
		});
		
		$('.titleAlert').click(function(){
			$('.hideSelect').toggle();
		});
		
		
	});
</script>